body {
	--bs-breadcrumb-divider: ">";
}

a {
	text-decoration: none;
}
#login_container{
	height: 100vh;
	width: 100vw;
	background-color: var(--bs-primary);
	display: flex;
	align-items: center;
	justify-content: center;
	
}
#login_container_card{
	width: 18rem;
	/* max-width: 18rem; */
}
#login_container_card .card-title{
	color: var(--bs-primary);
	font-size: 1.25rem;
}
#app_header {
	color: white;
	height: 2.5rem;
	align-content: center;
	position: sticky;
	top: 0px;
	z-index: 2;
}

#app_header_logo {
	flex-grow: unset;
	flex-basis: 15rem;
	display: flex;
	/* background-color: dodgerblue; */
}

#app_header_logo i {
	flex-basis: 2.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

#app_header_logo span {
	flex: 1;
	display: flex;
	/* justify-content: center; */
	align-items: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.fold_header_logo {
	flex-basis: 2.5rem !important;
	/* font-size: 0.8rem; */
}

.fold_header_logo span {
	/* display: none !important; */
	flex-basis: 0px;
	flex-grow: unset;
	width: 0px;
	overflow: hidden;
	padding: 0px !important;
}

#app_header_nav {
	/* flex-grow: unset !important; */
	flex-basis: auto;
	flex-grow: unset;
	width: auto;
}

#app_header_nav button {
	color: var(--bs-light);
}

#app_body {}

#app_body_slide__fixed {
	width: 15rem;
	position: fixed;
	left: 0px;
	top: 2.5rem;
	height: calc(100vh - 2rem);
	/* background-color: chartreuse; */
	z-index: 1;
}

#app_body_slide {
	flex-grow: unset;
	flex-basis: 15rem;
	/* background-color: dodgerblue; */
}

#app_body_slide_logo {
	flex-grow: unset;
	flex-basis: 2.5rem;
	/* background-color: #EF850E; */
	position: sticky;
	top: 2rem;
}

#app_body_slide_logo ul {
	list-style-type: none;
	padding: 0px;
}
#app_body_slide_logo li:first-of-type{
	border-top-right-radius: var(--bs-border-radius);
	/* border: initial; */
}

#app_body_slide_logo li {
	padding: 2px;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 0.8rem;
	cursor: pointer;
}

#app_body_slide_logo li span {
	margin-top: -0.5rem;
}

#app_body_slide_logo li i {
	font-size: 1.25rem;
}

#app_body_slide_logo li.active {
	color: var(--bs-light);
	background-color: var(--bs-warning);
}

#app_body_slide_nav {
	font-size: 0.9rem;
}

.fold_slide_fixed {
	border: none !important;
	width: 2.525rem !important;
}

.fold_slide {
	flex-basis: 2.5rem !important;
}

.fold_slide_nav {
	flex-basis: 0px;
	width: 0px;
	padding: 0px;
	flex-grow: unset;
	overflow: hidden;
}
.fold_toggle {
	
}
#app_body_slide_nav li.active a {
	color: var(--bs-primary);
	/* color: var(--bs-warning); */
}

#app_body_slide_nav li a {
	color: var(--bs-body-color);
	padding: 8px;
}

#app_body_slide_nav ul {
	display: none;
}

#app_body_slide_nav ul.active {
	display: flex;
	flex-direction: column;
}

#app_body_main {
	/* background-color: cadetblue; */
	font-size: 0.85rem;
}

#app_body_main_nav {
	height: 2rem;
	align-content: center;
	position: sticky;
	top: 2.5rem;
	background-color: var(--bs-body-bg);
}

#app_body_main_nav a {
	/* color: white; */
}

#app_body_main_nav div:first-of-type {
	flex-grow: unset;
	flex-basis: auto;
	width: auto;
	font-size: 1.25rem;
	cursor: pointer;
}

#app_body_main_nav div:last-of-type {
	align-content: center;
	margin-top: -0.1rem;
}

#app_body_main_title {
	height: 4rem;
	align-content: center;
	position: sticky;
	top: 4.5rem;
	background-color: yellow;
	color: blue;
}

#app_body_main_body_footer {
	position: sticky;
	bottom: 0px;
}